<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    html:
      作用：决定网页中的内容（图片、文字、音频、视频。。。。）
      分类：
        行（横着排）：span a img  表单元素（input button textarea select）
        块（竖着排）：div h1-h6 p ul ol   li 
      属性
      不能自定义标签和属性 

    css：
      作用：决定元素的样式
      书写位置：
        内联：写在标签的style属性中
        内部引用：写在head标签中的style标签里
        外部引用：在head标签中通过link标签找相对路径的方式引用css文件
      选择器：
        基本选择器：
          *（通配符）：所有
          标签（）
          类（.）
          id(#)
        关系选择器：
          后代（ ）
          子代（>）
          兄弟（～）
          相邻（+）
        伪类&伪对象
   -->
</body>

</html>